<template>
  <CloudTimeLine>
    <CloudTimeLineItem color="green">
      Create a services site 2015-09-01
    </CloudTimeLineItem>
    <CloudTimeLineItem color="green">
      Create a services site 2015-09-01
    </CloudTimeLineItem>
    <CloudTimeLineItem color="red">
      <p>Solve initial network problems 1</p>
      <p>Solve initial network problems 2</p>
      <p>Solve initial network problems 3 2015-09-01</p>
    </CloudTimeLineItem>
    <CloudTimeLineItem>
      <p>Technical testing 1</p>
      <p>Technical testing 2</p>
      <p>Technical testing 3 2015-09-01</p>
    </CloudTimeLineItem>
    <CloudTimeLineItem color="gray">
      <p>Technical testing 1</p>
      <p>Technical testing 2</p>
      <p>Technical testing 3 2015-09-01</p>
    </CloudTimeLineItem>
    <CloudTimeLineItem color="gray">
      <p>Technical testing 1</p>
      <p>Technical testing 2</p>
      <p>Technical testing 3 2015-09-01</p>
    </CloudTimeLineItem>
  </CloudTimeLine>
</template>

<script>
export default {
  title: '4.圆圈颜色',
  data() {
    return {
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>